<template>
  <view class='liboItem'>
        
        <!-- 顶部统计 -->
        <view class='libo-count df-js2'>
          <view class='dc-jc'>
            <text class='font40 mab10 b'>1300</text>
            <text class='font20'>收礼总计(元)</text>
          </view>

          <view class='dc-jc'>
            <text class='font40 mab10 b'>2</text>
            <text class='font20'>礼薄个数</text>
          </view>
        </view>

        <!-- 礼薄列表 -->
        <view class='libo-list-box'>

          <view class='libo-list'>
            <view class='header dc-js mal25'>
              <text class='font30 mab10 black'>默认收礼</text>
              <text class='font24 gray'>共1笔</text>
            </view>

            <view class='content'>
              <view class='horizontal'>
                <view class='yuan'></view>
              </view>
            </view>

            <view class='bottom dc-js mal25'>
              <text class='black2 b mab10'>¥ 100</text>
              <text class='font20 gray'>2021-05-20最后更新</text>
            </view>

          </view>

          <view class='libo-list'>
            <view class='header dc-js mal25'>
              <text class='font30 mab10 black'>默认收礼</text>
              <text class='font24 gray'>共1笔</text>
            </view>

            <view class='content'>
              <view class='horizontal'>
                <view class='yuan'></view>
              </view>
            </view>

            <view class='bottom dc-js mal25'>
              <text class='black2 b mab10'>¥ 100</text>
              <text class='font20 gray'>2021-05-20最后更新</text>
            </view>

          </view>

                    <view class='libo-list'>
            <view class='header dc-js mal25'>
              <text class='font30 mab10 black'>默认收礼</text>
              <text class='font24 gray'>共1笔</text>
            </view>

            <view class='content'>
              <view class='horizontal'>
                <view class='yuan'></view>
              </view>
            </view>

            <view class='bottom dc-js mal25'>
              <text class='black2 b mab10'>¥ 100</text>
              <text class='font20 gray'>2021-05-20最后更新</text>
            </view>

          </view>                    <view class='libo-list'>
            <view class='header dc-js mal25'>
              <text class='font30 mab10 black'>默认收礼</text>
              <text class='font24 gray'>共1笔</text>
            </view>

            <view class='content'>
              <view class='horizontal'>
                <view class='yuan'></view>
              </view>
            </view>

            <view class='bottom dc-js mal25'>
              <text class='black2 b mab10'>¥ 100</text>
              <text class='font20 gray'>2021-05-20最后更新</text>
            </view>

          </view>                    <view class='libo-list'>
            <view class='header dc-js mal25'>
              <text class='font30 mab10 black'>默认收礼</text>
              <text class='font24 gray'>共1笔</text>
            </view>

            <view class='content'>
              <view class='horizontal'>
                <view class='yuan'></view>
              </view>
            </view>

            <view class='bottom dc-js mal25'>
              <text class='black2 b mab10'>¥ 100</text>
              <text class='font20 gray'>2021-05-20最后更新</text>
            </view>

          </view>                    <view class='libo-list'>
            <view class='header dc-js mal25'>
              <text class='font30 mab10 black'>默认收礼</text>
              <text class='font24 gray'>共1笔</text>
            </view>

            <view class='content'>
              <view class='horizontal'>
                <view class='yuan'></view>
              </view>
            </view>

            <view class='bottom dc-js mal25'>
              <text class='black2 b mab10'>¥ 100</text>
              <text class='font20 gray'>2021-05-20最后更新</text>
            </view>

          </view>

        </view>


  </view>
</template>
<script>
  import Taro from '@tarojs/taro';
  import './liboItem.less'
    import {
    AtTabsPane
  } from 'taro-ui-vue'
import { watch } from '@vue/runtime-core';
  export default {
    name:'liboItem',
    setup(props,{ attrs, slots, emit }){
      const current = props.current
      watch(current,(oldVal,newVal)=>{
        console.log(newVal,'--incurrentdex')
      })
      console.log(props,'---props')

      return {
        current
        }
    },
  //子模板
    components:{
AtTabsPane
    }
  }
</script>